<template>
	<view class="u-flex u-row-between">
		<view class="u-flex" style="width: 554rpx;padding: 32rpx 24rpx;background: #F6F6F8;border-radius: 22rpx;" @click="search()">
			<image :src="require('./static/search.png')" style="width: 36rpx;height: 36rpx;margin-right: 14rpx;"></image>
			<view style="font-size: 28rpx;font-weight: 500;color: #999999;">
				搜索您想要的商品
			</view>
		</view>
		<image :src="require('./static/shop.png')" style="width: 100rpx;height: 100rpx;"></image>
	</view>
</template>

<script>
	export default {
		props: {
			service: {
				type: Object,
				default: null
			},
		},
		data() {
			return {
			}
		},
		mounted() {
			console.log(this.service)
		},

		methods: {
			search(){
				this.$u.throttle(res=>{
					this.service.search()
				},1000)
			},
		}
	}
</script>

<style lang="scss" scoped>


</style>
